﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Themeum">
    <title>{{ title }} - My Flask Application</title>
    <link rel="stylesheet" type="text/css" href="/static/content/bootstrap.min.css" />
    <link rel="stylesheet" type="text/css" href="/static/content/site.css" />
    <script src="/static/scripts/modernizr-2.6.2.js"></script>
    <!-- Include All Css -->
    <link rel="stylesheet" href="../static/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/magnific-popup.css">
    <link rel="stylesheet" href="../static/css/animate.css">
    <link rel="stylesheet" href="../static/css/fonts.css">
    <link rel="stylesheet" href="../static/css/preset.css">
    <link rel="stylesheet" href="../static/css/style.css">
    <link rel="stylesheet" href="../static/css/responsive.css">

    <!--[if lt IE 9]>
        <script src="js/html5shive.js"></script>
    <![endif]-->

</head>

<body>
    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="/" class="navbar-brand">Application name</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="{{ url_for('home') }}">Home</a></li>
                    <li><a href="{{ url_for('about') }}">About</a></li>
                    <li><a href="{{ url_for('contact') }}">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Header Area -->
    <header class="header-area inner-page">
        <!-- Header Top Area -->
        <section class="header-top">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <div class="header-elements pull-right">
                            <ul class="social-icon pull-left">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i classq="fa fa-instagram"></i></a></li>
                            </ul>
                            <div class="language pull-left">
                                <a href="#">
                                    <i class="icon-translator"></i>
                                    <span>English</span>
                                    <i class="fa fa-angle-down"></i>
                                </a>
                            </div>
                            <div class="login-or-signup pull-left">
                                <a href="#"><i class="icon-user"></i><span>Login/sign up</span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- /.header-top -->
        <nav class="navigation">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 col-xs-12">
                        <div class="logo pull-left">
                            <a href="index.html"><img alt="Kidzy" src="../static/images/home1/logo.png"></a>
                        </div>
                        <ul class="main-menu pull-right">
                            <li class="menu-has-child">
                                <a href="index.html">{{param.title}}</a>
                                <ul>
                                    <li><a href="index2.html">Home 2</a></li>
                                    <li><a href="index3.html">Home 3</a></li>
                                </ul>
                            </li>
                            <li><a href="{{ url_for('about_us')}}">关于我们</a></li>
                            <li class="menu-has-child">
                                <a href="#">Pages</a>
                                <ul>
                                    <li>
                                        <a href="event.html">事件</a>
                                        <ul>
                                            <li><a href="event-details.html">事件详情</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="routine.html">日常</a></li>
                                    <li><a href="contact.html">练习</a></li>
                                    <li><a href="404.html">404</a></li>
                                    <li><a href="coming-soon.html">即将到来</a></li>
                                </ul>
                            </li>
                            <li><a href="shortcode.html">特色</a></li>
                            <li class="menu-has-child">
                                <a href="class.html">班级</a>
                                <ul>
                                    <li><a href="class-details.html">班级详情</a></li>
                                </ul>
                            </li>
                            <li class="menu-has-child">
                                <a href="{{ url_for('blog_details')}}">博客</a>
                                <ul>
                                    <li><a href="">博客详情</a></li>
                                </ul>
                            </li>
                            <li class="menu-has-child">
                                <a href="{{ url_for('teacher')}}">教师</a>
                                <ul>
                                    <li><a href="teacher-details.html">教师风采</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="#" id="search-pop"><i class="fa fa-search"></i></a>
                            </li>
                        </ul>
                        <div class="mobile-menu hidden-lg hidden-md hidden-sm">
                            <span></span>
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="search-area">
                <form action="#" method="post">
                    <input type="search" name="search" placeholder="Enter your Search Text Here....">
                </form>
                <a href="#" class="search-close"><i class="fa fa-times"></i></a>
            </div>
        </nav>
    </header>
    <!-- /.header-area -->
    <!-- Breadcrumb  -->
    <section class="breadcrumb-section">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-xs-12 text-center">
                    <div class="breadcrumb-content">
                        <h2>Our Classes</h2>
                        <ul>
                            <li><a href="index.html">Home</a><span>/</span></li>
                            <li>Classes</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- /.breadcrumb-section  -->
    <div class="container body-content">
        {% block content %}{% endblock %}
        <hr />
        <!-- Footer Section -->
        <footer class="footer-section">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 col-sm-6 col-xs-12 text-left">
                        <div class="about-widget">
                            <div class="footer-logo">
                                <a href="index.html"><img alt="" src="../static/images/home1/footer-logo.png"></a>
                            </div>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
                                eiusmod tempor incididunt ut labore.
                            </p>
                            <span>&copy; 2016 Kidzy School</span>
                            <ul class="social-icon">
                                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-6 col-xs-12 text-left">
                        <div class="footer-widget">
                            <h3>Qucik Link</h3>
                            <ul>
                                <li><a href="#">Home</a></li>
                                <li><a href="#">About</a></li>
                                <li><a href="#">Gallery</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Contact</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2 col-sm-6 col-xs-12 text-left">
                        <div class="footer-widget">
                            <h3>Classes</h3>
                            <ul>
                                <li><a href="#">Happy Kiddo</a></li>
                                <li><a href="#">Junior Lambs</a></li>
                                <li><a href="#">Master Mind</a></li>
                                <li><a href="#">Rabbit House</a></li>
                                <li><a href="#">Terrific Tigers</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-widget">
                            <h3>Newsletter</h3>
                            <p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                            <form action="#" method="post" class="subscribe-form">
                                <input type="email" name="email" placeholder="Your email Id">
                                <button class="primary-btn pull-right"><span>Submit</span></button>
                                <div class="clearfix"></div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- /.footer-section -->
        <!-- Include All JavaScript -->
        <script src="../static/js/jquery.min.js"></script>
        <script src="../static/js/bootstrap.min.js"></script>
        <script src="../static/js/mixIt.js"></script>
        <script src="../static/js/jquery.magnific-popup.min.js"></script>
        <script src="../static/js/main.js"></script>
    </div>

    <script src="/static/scripts/jquery-1.10.2.js"></script>
    <script src="/static/scripts/bootstrap.js"></script>
    <script src="/static/scripts/respond.js"></script>
    {% block scripts %}{% endblock %}

</body>
</html>
